<ion-tab-bar slot="bottom"  style="contain:none !important;border: none;">
  <ion-tab-button tab="lottery" class="tab-one" (click)="selectFun(4,'lottery')" [ngClass]="{'tab-active':flag=='lottery'}">
    <ion-icon class="iconfont  ion-ios-wl-lottery" style="font-size: 30px"></ion-icon>
    <ion-label>开奖</ion-label>
  </ion-tab-button>
  <ion-tab-button tab="report" class="tab-two" (click)="selectFun(5,'report')" [ngClass]="{'tab-active':flag=='report'}">
    <ion-icon class="iconfont  ion-ios-wl-report" style="font-size: 30px"></ion-icon>
    <ion-label>报表</ion-label>
  </ion-tab-button>
  <ion-tab-button tab="home" class="tab-three" selected="true" (click)="selectFun(3,'home')">
    <!-- <ion-icon class="iconfont  ion-ios-wl-buy" style="font-size: 30px"></ion-icon>   -->
    <div>
      <img src="assets/icon/tab-lot-select.png" style="height: 38px; width: 38px; margin: 0 auto;"/>
    </div>
    <ion-label>{{name}}</ion-label>
  </ion-tab-button>
  <ion-tab-button tab="recharge" class="tab-four" (click)="selectFun(2,'recharge')" [ngClass]="{'tab-active':flag=='recharge'}">
    <ion-icon class="iconfont  ion-ios-wl-recharge" style="font-size: 30px"></ion-icon>
    <ion-label>提现充值</ion-label>
  </ion-tab-button>
  <ion-tab-button tab="my" class="tab-five" (click)="selectFun(1,'my')" [ngClass]="{'tab-active':flag=='my'}">
    <ion-icon class="iconfont  ion-ios-wl-my" style="font-size: 30px">
    </ion-icon>
    <ion-label>菜单</ion-label>
  </ion-tab-button>
</ion-tab-bar>